{% extends 'base.html' %}
{% block content %}

    <div class="container" style="max-width: 1100px; margin: 0 auto;">
        <h2 class="page-header"></h2>
        <h2 class="page-header">脚本修复工具</h2>
        <!-- Main component for a primary marketing message or call to action -->
        <div class="jumbotron">
            <div class="row placeholders">
                <div class="col-xs-6 col-sm-3 placeholder">
                    <img src="" width="200" height="200" class="img-responsive" alt="Generic placeholder thumbnail">
                    <h4>上传文件</h4>
                    <span class="text-muted">上传新旧APP与旧测试脚本</span>
                </div>
                <div class="col-xs-6 col-sm-3 placeholder">
                    <img src="" width="200" height="200" class="img-responsive" alt="Generic placeholder thumbnail">
                    <h4>信息配置</h4>
                    <span class="text-muted">配置设备信息与选择测试样例</span>
                </div>
                <div class="col-xs-6 col-sm-3 placeholder">
                    <img src="" width="200" height="200" class="img-responsive" alt="Generic placeholder thumbnail">
                    <h4>开始执行</h4>
                    <span class="text-muted">开始解析新APP的运行脚本</span>
                </div>
                <div class="col-xs-6 col-sm-3 placeholder">
                    <img src="" width="200" height="200" class="img-responsive" alt="Generic placeholder thumbnail">
                    <h4>结果展示</h4>
                    <span class="text-muted">展示最终的解析结果</span>
                </div>
            </div>
        </div>

        <h3 class="page-header" > </h3>
        <!-- Example row of columns -->

        <div class="row" style="display:flex; justify-content:space-around;">

            <div class="col-lg-4 jumbotron" style="
            margin: 0 auto;
                    max-width: 400px;
                    height: 400px;
                    ">
                <h3>用户信息展示</h3>
                <p>此处可以展示用户信息</p>
            </div>
            <div class="col-lg-8 jumbotron" style="
                    margin: 0 auto;
                    max-width: 650px;
                    height: 400px;">

                <h3>当前版本信息</h3>
                <p>此处可以展示当前系统版本信息</p>
                <button  onclick= "window.location.href='#'" style="left: 200px;
                        top: 209px;
                        width: 95px;
                        height: 36px;
                        line-height: 20px;
                        border-radius: 2px 2px 2px 2px;
                        background-color: #555;
                        text-align: center;
                        box-shadow: 0px 8px 8px 0px rgba(0, 0, 0, 0.24);">
                    Start</button>
            </div>



        </div>

        <h3 class="page-header" > </h3>



    </div>

{% endblock content %}